<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>制造计划页面</title>
<link rel="stylesheet" href="../../../layui/css/layui.css" media="all">
</head>
<body>
	<div class="demoTable">
	  搜索:
	  <div class="layui-inline layui-form">
			<select name="drugId" id="drugId"
				autocomplete="off" class="layui-input">
				<option></option>
			</select>
	  </div>
	  <button class="layui-btn search" data-type="reload">搜索</button>
	  <button class="layui-btn baocun" data-type="reload" id="baocun">保存</button>
	</div>
	<table class="layui-hide" id="manufacturePlan" lay-filter="demo"></table>
 	<table class="layui-hide" id="mfpTable" lay-filter="demo"></table>
 <script type="text/javascript" src="../../../res/js/base.js"></script>
 <script type="text/javascript" src="../../../res/mln/getUrlParam.js"></script>
<script src="../../../layui/layui.js"></script>
<script type="text/javascript" src="../../../res/js/jquery-1.10.2.js"></script>
<script type="text/html" id="input">
	<div class="layui-inline">
		<input class="layui-input" maxlength="5" style="border:none;padding-bottom:8px;" name="mpUnfinished" id="{{d.drugId}}" autocomplete="off" placeholder="输入完成数量" value="{{d.mpUnfinished}}" onkeyup="clearNoNum(this);">
	</div>
</script>
<script type="text/html" id="inputs">
	<div class="layui-inline">
		<input class="layui-input layui-disabled" readonly="readonly" style="border:none;padding-bottom:8px;" name="mpFinished" id="{{d.id}}" autocomplete="off" placeholder="是否完成" value="{{d.mpFinished}}"">
	</div>
</script>

<script type="text/html" id="inputss">
	<div class="layui-inline">
		<input class="layui-input layui-disabled" readonly="readonly" style="border:none;padding-bottom:8px;" name="mpScheme" id="{{d.pwId}}" autocomplete="off" placeholder="处理方案" value="{{d.mpScheme}}"">
	</div>
</script>
<script>

layui.use(['laydate', 'laypage', 'layer', 'table', 'upload', 'element','form'], function(){
	  var laydate = layui.laydate //日期
	  ,laypage = layui.laypage //分页
	  layer = layui.layer //弹层
	  ,table = layui.table //表格
	  ,upload = layui.upload //上传
	  ,element = layui.element //元素操作
	  ,form=layui.form;
	 
	  
	  //监听Tab切换
	  element.on('tab(demo)', function(data){
	    layer.msg('切换了：'+ this.innerHTML);
	    console.log(data);
	  });
	  
	  //执行一个 table 实例
	  table.render({
	     elem: '#manufacturePlan'
	    ,url: getRootPath()+'manufacturePlan/findAll.action?proId='+getUrlParam('proId') //数据接口
	    ,page: true //开启分页
	    ,method:'post'
	    ,cols: [[ //表头
	       {type:'checkbox', fixed: 'left'}
	      /* ,{field: 'mpId', title: '制造计划ID', width:120, fixed: 'left'}
	      ,{field: 'proId', title: '生产计划ID', width:120, fixed: 'left'}
	      ,{field: 'conId ', title: '药品ID', width:120, fixed: 'left'}*/
	      ,{field: 'entName', title: '计划厂家', width:130}
	      ,{field: 'time', title: '制造时间', width:130}
	      ,{field: 'drugName', title: '药品名称', width:130}
	      ,{field: 'mpTask', title: '计划任务', width:130}
	      ,{field: 'mpFinished', title: '是否完成', width:130}
	      ,{field: 'mpUnfinished', title: '未完成部分', width:130}
	      ,{field: 'mpScheme', title: '处理方案', width:130}
	      ,{field: 'sort', title: '制造次数', width:100}
	    ]]
	  	,id: 'testReload'
	  });
	  table.render({
		     elem: '#mfpTable'
		    ,url: getRootPath()+'manufacturePlan/findAllss.action?proId='+getUrlParam('proId') //数据接口
		    ,method:'post'
		    ,cols: [[ //表头
		      /* ,{field: 'mpId', title: '制造计划ID', width:120, fixed: 'left'}
		      ,{field: 'proId', title: '生产计划ID', width:120, fixed: 'left'}
		      ,{field: 'conId ', title: '药品ID', width:120, fixed: 'left'}*/
		      {field: 'entName', title: '计划厂家', width:130}
		      /* ,{field: 'time', title: '制造时间', width:130} */
		      ,{field: 'drugName', title: '药品名称', width:130}
		      ,{field: 'mpTask', title: '计划任务', width:130}
		      ,{field: 'mpFinished', title: '是否完成', width:130 ,templet:'#inputs'}
		      ,{field: 'mpUnfinished', title: '完成数量', width:130,templet:'#input'}
		      ,{field: 'mpScheme', title: '处理方案', width:130 ,templet:'#inputss'}
		      ,{field: 'sort', title: '制造次数', width:100}
		    ]]
		  	,id: 'testReloads'
	  		,done: function(res){
	  			for(var i=0; i<res.data.length; i++){
	  				var num=Number(res.data[i].mpTask);
					if(num==0){
						$("#"+res.data[i].id).val("已完成");
		   				$("#"+res.data[i].pwId).val("已完成");
					}	  				
	  			}
		  	} 
		  	
		 });
	  //监听工具条
	  table.on('tool(demo)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
	    var data = obj.data //获得当前行数据
	    ,layEvent = obj.event; //获得 lay-event 对应的值
	   });
	  
	  //条件查询
	  var $ = layui.$;
			  
	  $('.demoTable .search').on('click', function(){
		 var drugId=$('#drugId');
		 //执行重载
	     table.reload('testReload', {
	       page: {
	         curr: 1 //重新从第 1 页开始
	       }
	       ,where: {
	    	   drugId: drugId.val()
	       }
	     });
	  });
		var url = "../../../manufacturePlan/findAllsDrug.action";
		$.post(url,null,function(data){
			for(var i=0;i<data.length;i++){
				$("#drugId").append("<option value="+data[i].drugId+">"+data[i].drugName+"</option>");
			}
			//form表单重新渲染
			form.render();
		});
		
		$('#baocun').on('click', function(){
			  
		    var a=layui.table.cache.testReloads;
			var mpUnfinished=document.getElementsByName("mpUnfinished");
			for(var i=0; i<mpUnfinished.length; i++){
				a[i].mpUnfinished=mpUnfinished[i].value;
			}
			var mpFinished=document.getElementsByName('mpFinished');
			for(var i=0;i<mpFinished.length; i++){
				a[i].mpFinished=mpFinished[i].value;
		   	}
			var mpScheme=document.getElementsByName('mpScheme');
			for(var i=0;i<mpScheme.length; i++){
				a[i].mpScheme=mpScheme[i].value;
		   	}
			/* 
			for(var i=0 ; i<a.length; i++){
				a[i].cztime=a[i].time;
			} */
			a=JSON.stringify(a);
			
			//alert(a);
			//使用jquery的ajax方式向后台提交数据
			var url = "../../../manufacturePlan/mfpAdd.action";
			var data={a:a};
			$.post(url,data,function(mes){
				if(mes.num>0){
					layer.msg('保存成功', {
						  icon: 1,
						  time: 1000 //1秒关闭（如果不配置，默认是3秒）
						},function(){
							//window.location="purchaseOrder.html";
							parent.location.reload(); // 父页面刷新
					});
				}
			});
			  
		   });
		
		
	});
	
	
//限制数字的输入
function clearNoNum(obj){ 
    obj.value = obj.value.replace(/[^\d]/g,"");  //清除“数字”和“.”以外的字符  
    if(obj.value ==0){
    	obj.value = "0";
    }
    if(obj.value.indexOf(".")< 0 && obj.value !=""){//以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额 
        obj.value= parseFloat(obj.value); 
    }
   	if(obj.value.indexOf(".")==0){//第一个字符不能为.
    	 obj.value="0";
    } 
   	var a=layui.table.cache.testReloads;
	for(var i=0 ;i< a.length; i++){
   		if(obj.id==a[i].drugId){
   			var mpTask=Number(a[i].mpTask);
   			//alert(mpTask);
   			if(obj.value>mpTask){
   				$("#"+a[i].id).val("未完成");
   				$("#"+a[i].pwId).val("继续制造");
   				obj.value="0";
   				layer.msg('完成数量不能超过计划', {
					  icon: 1,
					  time: 1000 //1秒关闭（如果不配置，默认是3秒）
					}, function(){
				}); 
   			}
   			if(obj.value==mpTask){
   				$("#"+a[i].id).val("已完成");
   				$("#"+a[i].pwId).val("已完成");
   			}
   			if(obj.value<mpTask){
   				$("#"+a[i].id).val("未完成");
   				$("#"+a[i].pwId).val("继续制造");
   			}
   		}
   	}
}
</script>

</body>
</html>